
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>Document</title>

	<style>
		body{
			margin :0px;
			padding:0px; 
		}

		@media screen and (min-device-width:321px){
			header{
				background:red;
			}		

		}
		ul{
			margin: 0px;
			padding: 0px;
		}
		ul li a img{
			width: 90px;
		}
	</style>
	<link rel="stylesheet" href="./css/index.css" />
	<script src="./js/jquery-3.2.1.min.js"></script>
	<script>
		$(function searchBoxSlideDown(){
			$("#header_search_box").slideDown(1000)
		})
		$(function winOpenSlideUp(){
			$("#hwo_left_close").click(function(){
				$("#header_win_open").slideUp(1000)
				$("#header_search_box").animate({"top":"0px"},1000)
			})
			
		})
	</script>
</head>
<body>
	<header id = "header_win_open">
		<div id = "hwo_left">
			<div id = "hwo_left_close"></div>
			<div id = "hwo_left_logo">
				<p>下载果园app，立享专属优惠<br />天天到家，两小时闪电送达</p>
			</div>
		</div>
		<div id = "hwo_right">
			<a href="#">立即体验</a>
		</div>
	</header>

	<section id = "header_search_box" style="display:none;">
		<div id = "hsb_address">
			上海
		</div>
		<div id = "hsb_search_btn">
		</div>
	</section>
		
	<section id = "sec_body">
		<a id ="secb_slide" href ="#" >
			<img src='./images/slide0.jpg' width="100%" alt ="">
			<img src='./images/slide1.jpg' width="100%" alt ="">
			<img src='./images/slide2.jpg' width="100%" alt ="">
			<img src='./images/slide3.jpg' width="100%" alt ="">
			<img src='./images/slide4.jpg' width="100%" alt ="">
		</a>
		<ul id="num_box">
			<li class="orange"></li>
			<li class="gray"></li>
			<li class="gray"></li>
			<li class="gray"></li>
			<li class="gray"></li>
		</ul>
		<ul id = "secb_links">
			<li><a href="#" id = "secb_links_1">天天有礼</a></li>
			<li><a href="#" id = "secb_links_2">企业福利</a></li>
			<li><a href="#" id = "secb_links_3">进店必buy</a></li>
			<li><a href="#" id = "secb_links_4">新品抢鲜</a></li>
		</ul>



		<?php 
			include('../api/indexApi.php');
		 ?>
		



		<div id="scroll_text_box">
			<div id = "scrt_img"></div>
			<div id ="scrt_text">
				【已省10元】新西兰皇后红玫瑰苹果58元一个
			</div>
		</div>

		<div class='model_1' id="ads_1">
			<a href ="#" >
				<img width='100%' src='./images/ads_1.jpg' alt ="">
			</a>
		</div>
		<div class='model_1' id="ads_2">
			<a href ="#" >进店必Buy·特惠</a>
		</div>

		<div class='model_1' id="ads_2_sun">
			<img width='100%' src='./images/7fa2ce7a56e41122fb0ec6aa46ba4cb7.jpg' alt ="">
			<ul class = "goods_list_1">
				<li>
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2509-7XUDC579.jpg" alt="">
						<div style="height: 30px;" ></div>
						<span class = "good_name">南非葡萄柚</span>
						<span class = "good_price">￥39.9/6个</span>
					</a>
				</li>				
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-184-9FAH4YDB.jpg" alt="">
						<div style="height: 30px;" ></div>
						<span class = "good_name">越南巴沙鱼柳</span>
						<span class = "good_price">￥25.8/300g</span>
					</a>
				</li>
				<li>					
					<a href="#">
						<img width = "90px" src="./images/1-370x370-161-HTRYR3BP.jpg" alt="">
						<div style="height: 30px;" ></div>
						<span class = "good_name">卡士鲜乳酪</span>
						<span class = "good_price">￥39.9/三连杯*3</span>
					</a>
				</li>

			</ul>
		</div >		

		<div class='model_1' id="ads_3">
			<a href ="#" >新品抢鲜·今日上新</a>
		</div>

		<div id="ads_3_sun">
			<ul class = "goods_list_2">
				<li>
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2930-44UA73CF.jpg" alt="">
						<span class = "good_name">巨峰葡萄</span>
						<span class = "good_price">￥39.9/2斤</span>
					</a>
				</li>				
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2929-FY8TWYXU.jpg" alt="">
						<span class = "good_name">新西兰爱妃苹果</span>
						<span class = "good_price">￥108/2斤</span>
					</a>
				</li>
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2909-TY8FBT8W.jpg" alt="">
						<span class = "good_name">云南金丝蜜枣</span>
						<span class = "good_price">￥29.9/1斤</span>
					</a>
				</li>
			</ul>
		</div >	

		<div class='model_1' id="ads_4">
			<a href ="javascript:void(0)" >精选专题</a>
		</div>

		<div id="ads_4_sun">
			<img width='100%' src='./images/c8623d640757a1dcdabce4c981e35285.jpg' alt ="">
			<span id = "banner_arrow">
				<img width=35px; height = 11px; src="./images/banner_arrow.png" alt="">
			</span>

			<div style="height: 18px;" ></div>
			<ul class = "goods_list_3">
				<li>
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2910-SH6Y8Y8B.jpg" alt="">
						<span class = "good_name">明治优漾杀菌型乳酸菌饮（950ml）</span>
						<span class = "good_price">￥12.8/950ml</span>
					</a>
				</li>				
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2388-949C37YK.jpg" alt="">
						<span class = "good_name">天润冰淇淋化了</span>
						<span class = "good_price">￥25.8/4袋</span>
					</a>
				</li>
				<li>					
					<a href="#">
						<img width = "90px" src="./images/1-370x370-23326-WB6AH86T.jpg" alt="">
						<span class = "good_name">卡士鲜酪乳发酵乳（原味）</span>
						<span class = "good_price">￥32.5/三联杯*3</span>
					</a>
				</li>
			</ul>
			<img width='100%' src='./images/21379f6fbfd085f9e0204cbc93fe1a4a.jpg' alt ="">
			<span id = "banner_arrow">
				<img width=35px; height = 11px; src="./images/banner_arrow.png" alt="">
			</span>
			<div style="height: 18px;" ></div>
			<ul class = "goods_list_3">
<!-- 				<li>
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2393-T7D69H5F.jpg" alt="">
						<span class = "good_name">佳沛新西兰阳光金奇异果(巨无霸)(原箱)</span>
						<span class = "good_price">￥189/22个</span>
					</a>
				</li>				
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2251-6KKT63PA.jpg" alt="">
						<span class = "good_name">巨无霸-佳沛新西兰绿奇异果</span>
						<span class = "good_price">￥49.9/12个</span>
					</a>
				</li>
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2126-H426A3W9.jpg" alt="">
						<span class = "good_name">巨无霸-佳沛新西兰阳光金奇异果</span>
						<span class = "good_price">￥69.9/6个</span>
					</a>
				</li> -->
				<?php 
					if($qiyiguos){
						$tab='';
						foreach($qiyiguos as $row){
							$tab.='				
								<li>	
									<a href="details.v.php?id='.$row['id'].'">
										'.$row['img'].'
										<span class = "good_name">'.$row['name'].'</span>
										<span class = "good_price">￥'.$row['price'].'/'.$row['nums'].''.$row['pcs'].'</span>
									</a>
								</li>';
						}
						echo $tab;
					}	

				 ?>
			</ul>
			<img width='100%' src='./images/1-370x370-212-CKUR7W1W.jpg' alt ="">
			<span id = "banner_arrow">
				<img width=35px; height = 11px; src="./images/banner_arrow.png" alt="">
			</span>
			<div style="height: 18px;" ></div>
			<ul class = "goods_list_3">
				<li>
					<a href="#">
						<img width = "90px" src="./images/1-370x370-17031-STD6H9RW.jpg" alt="">
						<span class = "good_name">法国银鳕鱼</span>
						<span class = "good_price">￥168/220g</span>
					</a>
				</li>				
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-492-XDDUDYXW.jpg" alt="">
						<span class = "good_name">阿根廷红虾（巨无霸 L1级）</span>
						<span class = "good_price">￥199/2000g</span>
					</a>
				</li>
				<li>					
					<a href="#">
						<img width = "90px" src="./images/1-370x370-485-TY5H9656.jpg" alt="">
						<span class = "good_name">优选青虾仁</span>
						<span class = "good_price">￥29.9/200g</span>
					</a>
				</li>
			</ul>
		</div >		

		<div class='model_1' id="ads_5">
			<a href ="javascript:void(0)" >时令鲜果</a>
		</div>
		<div id="ads_5_sun">
			<ul class = "goods_list_2">
				<li>
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2393-T7D69H5F.jpg" alt="">
						<span class = "good_name">佳沛新西兰阳光金奇异果(巨无霸)(原箱)</span>
						<span class = "good_price">￥189/22个</span>
					</a>
				</li>				
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2251-6KKT63PA.jpg" alt="">
						<span class = "good_name">佳沛新西兰绿奇异果</span>
						<span class = "good_price">￥49.9/12个</span>
					</a>
				</li>
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-9-DBB684KP.jpg" alt="">
						<span class = "good_name">进口凤梨</span>
						<span class = "good_price">￥29.9/1个</span>
					</a>
				</li>
			</ul>
		</div >	

		<div class='model_1' id="ads_6">
			<a href ="javascript:void(0)" >时令鲜蔬</a>
		</div>
		<div id="ads_6_sun">
			<ul class = "goods_list_2">
				<li>
					<a href="#">
						<img width = "90px" src="./images/1-370x370-135-6UDCXKSH.jpg" alt="">
						<span class = "good_name">铁棍山药</span>
						<span class = "good_price">￥14.9/250g</span>
					</a>
				</li>				
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-103-ASU66RCU.jpg" alt="">
						<span class = "good_name">沙地红蜜薯</span>
						<span class = "good_price">￥15.8/2斤</span>
					</a>
				</li>
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-343-F1F915A7.jpg" alt="">
						<span class = "good_name">有机鸡毛菜</span>
						<span class = "good_price">￥11.9/200g</span>
					</a>
				</li>
			</ul>
		</div >	

		<div class='model_1' id="ads_7">
			<a href ="javascript:void(0)" >生鲜美食</a>
		</div>
		<div id="ads_7_sun">
			<ul class = "goods_list_2">
				<li>
					<a href="#">
						<img width = "90px" src="./images/1-370x370-492-XDDUDYXW.jpg" alt="">
						<span class = "good_name">阿根廷红虾（巨无霸 L1级）</span>
						<span class = "good_price">￥199/2000g</span>
					</a>
				</li>				
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-114-U4TCWPCF.jpg" alt="">
						<span class = "good_name">避风塘虾饺</span>
						<span class = "good_price">￥29/150g</span>
					</a>
				</li>
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2148-8XPFF619.jpg" alt="">
						<span class = "good_name">草鸡蛋</span>
						<span class = "good_price">￥14.8/6个</span>
					</a>
				</li>
			</ul>
		</div >					

		<div class='model_1' id="ads_8">
			<a href ="javascript:void(0)" >给你好礼</a>
		</div>
		<div id="ads_7_sun">
			<ul class = "goods_list_2">
				<li>
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2111-CY7X5WAR.jpg" alt="">
						<span class = "good_name">绿野仙踪礼篮</span>
						<span class = "good_price">￥580/礼篮</span>
					</a>
				</li>				
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2149-AHBUHC21.jpg" alt="">
						<span class = "good_name">合家欢乐水果礼篮</span>
						<span class = "good_price">￥198/1盒</span>
					</a>
				</li>
				<li>	
					<a href="#">
						<img width = "90px" src="./images/1-370x370-2108-S1HW1923.jpg" alt="">
						<span class = "good_name">情真意切水果礼篮</span>
						<span class = "good_price">￥880/1盒</span>
					</a>
				</li>
			</ul>
		</div >	
		<div style="height: 55px;"></div>
	</section>
	<footer>
		<div id="footer_separator"></div>	
		<a href ="./index.v.php" id = "f_index">首页</a>
		<a href ="./category.v.php" id = "f_category">分类</a>
		<a href ="./shoppingCart.v.php" id = "f_shopcar">购物车</a>
		<a href ="./myOrchard.v.php" id = "f_garden">我的果园</a>
	</footer>

	<script>
		function change(i){
			 $("#sec_body #secb_slide img").eq(i).css('display','block').siblings().css('display','none')
			$("#sec_body #num_box li").eq(i).removeClass().addClass("orange").siblings().removeClass().addClass("gray")
		}
		var i=0
		var t
		function loop(){
			if(i>4){i=0}
			change(i)
			t=setTimeout("loop()",5000)
			i++
		}
		loop()
	</script>

</body>
</html>